It’s possible to use has: in Tailwind/UnoCSS (instead of group/peer)
<div class="has-[button:active]:bg-red-500 has-[p:hover]:bg-pink-500">
<button>I'm active</button>
<p>more text</p>
</div>more text
2023-11-30
2023-11-30
<div class="has-[button:active]:bg-red-500 has-[p:hover]:bg-pink-500">
<button>I'm active</button>
<p>more text</p>
</div>more text